<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>运费模板</title>
<link rel="stylesheet" type="text/css" media="screen"
	href="../../global/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="../../global/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="../../global/layui/css/layui.css">
</head>
<body>
	<div>
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<header style="height: 100%">
			<div align="left">
                <table style="width: 100%">
                    <tr>
                        <td>
                            <form class="form-inline" onsubmit="return false">
                                <div class="form-group">
                                    模板名称：
                                    <input id="formworkName" type="text" class="form-control" placeholder="名称">
                                    <button id="searchBt" class="layui-btn layui-btn-sm" ><i
                                            class="layui-icon">&#xe615;</i>搜索
                                    </button>
                                </div>
                            </form>
                        </td>
                        <td align="right">
                            <button class="layui-btn layui-btn-sm" onclick="location.href='addFee.html'">
                                <i class="layui-icon">&#xe608;</i> 添加
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
			</header>

			<div>
				<div class="widget-body no-padding">
					<table id="dt-table"
						class="table table-striped table-bordered table-hover"
						style="width: 100%">
						<thead>
							<tr>
							</tr>
							<tr>
								<th style="width: 10%">模板名称</th>
								<th style="width: 50%">可配送区域</th>
								<th style="width: 10%">计算方式</th>
								<th style="width: 20%">最后编辑时间</th>
								<th style="width: 10%">操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

<script type="text/javascript"
	src="../../global/js/libs/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../global/js/jq.js"></script>
<script type="text/javascript"
	src="../../global/js/plugin/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="../../global/js/plugin/datatables/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="../../global/layui/layui.js"></script>
<script type="text/javascript" src="../../global/js/my/permission.js"></script>
<script type="text/javascript">
	var pers = checkPermission();

	var example;

	function init() {
		
		example = $('#dt-table')
				.DataTable(
						{
							"searching" : false,
							"processing" : false,
							"serverSide" : true,
							"language" : {
								"url" : "/global/js/plugin/datatables/Chinese.lang"
							},
							"ajax" : {
								"url" : "/clyjFeeFormwork/getFee",
								"type" : "get",
								"error" : function(xhr, textStatus, errorThrown) {
									var msg = xhr.responseText;
									var response = JSON.parse(msg);
									var code = response.code;
									var message = response.message;
									if (code == 400) {
										layer.msg(message);
									} else if (code == 401) {
										localStorage.removeItem("token");
										layer.msg("token过期,请先登录", {
											shift : -1,
											time : 1000
										}, function() {
											location.href = '/login.html';
										});
									} else if (code == 403) {
										console.log("未授权:" + message);
										layer.msg('未授权');
									} else if (code == 500) {
										layer.msg('系统错误:' + message);
									}
								}
							},
							"dom" : "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-10 col-xs-12 hidden-xs'i><'col-xs-12 col-sm-10' p v>>",
							"columns" : [
									{
										"data" : "formworkName",
										"defaultContent" : ""
									},
									{
										"data" : "area",
										"defaultContent" : "",
									},
									{
										"data" : "priceType",
										"defaultContent" : "",
										"render" : function(data, type, row) {
											if(data=="1")
												return "按件计";
											if(data=="2")
												return "按重量计";
										}
									},
									
									{
										"data" : "updateTime",
										"defaultContent" : "",
										"render" : function(data) {
											if (data == null || data == "") {
												return data;
											}
											var dateee = new Date(data)
													.toJSON();
											var date = new Date(+new Date(
													dateee) + 8 * 3600 * 1000)
													.toISOString().replace(
															/T/g, ' ').replace(
															/\.[\d]{3}Z/, '')
											data = date
											return data;
										}
									},

									{
				                        "data": "",
				                        "defaultContent": "",
				                        "orderable": false,
				                        "render": function (data, type, row) {
				                            var formworkId = row['formworkId'];
				                            var href = "addFee.html?formworkId=" + formworkId;
				                            var edit = buttonEdit(href, "", pers);
				                            var del = buttonDel(formworkId, "", pers);
				                            return edit + del;
				                        }
				                    }, ],
							"order" : [ [ 2, "desc" ] ]
						});
	}

	layui.use('layer', function() {
		var layer = layui.layer;
	});
	function del(id) {
        layer.confirm('确定要删除吗?', {
            btn: ['确定', '取消']
        }, function () {
            $.ajax({
                type: 'delete',
                url: '/clyjFeeFormwork/' + id,
                success: function (data) {
                    example.ajax.reload();
                    layer.msg("删除成功");
                }
            });

            layer.close(1);
        });
    }

	$("#searchBt").click(function() {
		example.ajax.reload();
	});

	init();
</script>